<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="../page/VoucherList_files/appTheme.css" type="text/css" rel="Stylesheet">
    <link href="../page/VoucherList_files/Voucher.Voucher.css" type="text/css" rel="Stylesheet">
    <link href="../page/VoucherList_files/AccountBooks.css" rel="stylesheet" type="text/css">
    <style>
        .btn-menu {
            float: left;
            margin-bottom: 10px;
        }

        .AddInfoButton {
            background-color: White;
        }

        #MarginTable input {
            width: 50px;
        }

        #divPrint {
            line-height: 22px;
        }
    </style>
</head>
<body>
<form method="post" action="" id="ctl00">
    <div class="masterTopTitle" style="">
        <div>
            <span id="spVgTitle">凭证列表 </span>
        </div>
    </div>
    <div id="divMain" style="width: 1000px; margin: auto; overflow: hidden; padding-bottom: 30px; position: relative; min-height: 650px;">
        <#--凭证数据显示-->
        <div id="divInfo" style="width: 1000px; background-color: White; position: absolute; min-height: 200px;">
            <!--操作按钮-->
            <div style="float: right; margin-top: 7px; margin-right: 20px;">
                <table style="">
                    <tbody>
                    <tr>
                        <td>
                            <div class="buttons">
                                <a class="iconbutton" onclick=""><span
                                        class="buttonPrint"></span>打&nbsp;&nbsp;印</a>
                            </div>
                        </td>
                        <td>
                            <div class="buttons">
                                <a class="button" onclick="OpenExportDialog()">导出凭证</a>
                            </div>
                        </td>
                        <td class="tdTopButton">
                            <div id="ImportButton">

                                <div class="buttons">
                                    <a class="button" onclick="OpenImportDialog()">导入凭证</a>
                                </div>

                            </div>
                        </td>
                        <td class="tdTopButton">
                            <div id="SortButton">

                                <div class="buttons">
                                    <a class="button" onclick="OpenSortDialog()">整理断号</a>
                                </div>

                            </div>
                        </td>
                        <td class="tdTopButton">
                            <div id="DeleteManyButton">

                                <div class="buttons">
                                    <a class="button" onclick="DeleteVouchers()">批量删除</a>
                                </div>

                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div style="float: right; margin-top: 7px; margin-right: 20px;">

            </div>
            <!--表头-->
            <table class="headerTable" style="margin-top: 12px;" border="0" cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td>
                        <div class="" style="width: 30px;">
                            <input type="checkbox" id="CheckAll">
                        </div>
                    </td>
                    <td>
                        <div class="" style="width: 252px;">
                            <span>摘要</span>
                        </div>
                    </td>
                    <td>
                        <div class="" style="width: 316px;">
                            <span>科目</span>
                        </div>
                    </td>
                    <td>
                        <div class="" style="width: 166px;">
                            <span>借方金额</span>
                        </div>
                    </td>
                    <td>
                        <div class="" style="width: 161px;">
                            <span>贷方金额</span>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>

            <!--内容-->
            <div id="divVoucherList" style="width: 1000px; margin: auto;">

            <#list voucherList as voucher>
                <div class="VoucherTables" style="border: 1px solid rgb(99, 191, 92);">
                    <div class="VoucherHeader">
                        <div class="VoucherCheck">
                            <input type="checkbox" id="${voucher.head.voucher_id}" style="display: inline-block;">
                        </div>
                        <div class="VoucherTitle">
                            日期:${voucher.head.voucher_createtime}&nbsp;&nbsp;&nbsp;
                            凭证字号：记-1${voucher.head.voucher_word}
                        </div>
                        <div class="VoucherOptions" style="display: block;">
                            <div class="optionButtonContainer">
                                <a class="optionButton" onclick="buttonEdit(this)">
                                    <span class="optionButtonEdit"></span>修改
                                </a>&nbsp;&nbsp;
                            </div>
                            <div class="optionButtonContainer">
                                <a class="optionButton" onclick="buttonDelete(this)">
                                    <span class="optionButtonDelete"></span>删除
                                </a>&nbsp;&nbsp;
                            </div>
                            <div class="optionButtonContainer">
                                <a class="optionButton" onclick="buttonPrint(this)">
                                    <span class="optionButtonPrint"></span>打印</a>
                            </div>
                        </div>
                    </div>
                    <table class="userTable" cellspacing="0" id="tb${voucher_index}">
                        <tbody>
                            <#list voucher.detail as detail>
                                <#if detail_index % 2 == 0>
                                <tr class="oddrow">
                                    <td class="tdDescription">${detail.voucher_digest}</td>
                                    <td class="tdAsubName">${detail.subject_id}&nbsp;&nbsp;${detail.subject_name}</td>
                                    <td class="tdDebit">${detail.voucher_debit}</td>
                                    <td class="tdCredit">${detail.voucher_credit}</td>
                                </tr>
                                <#else>
                                <tr class="evenrow">
                                    <td class="tdDescription">${detail.voucher_digest}</td>
                                    <td class="tdAsubName">${detail.subject_id}&nbsp;&nbsp;${detail.subject_name}</td>
                                    <td class="tdDebit">${detail.voucher_debit}</td>
                                    <td class="tdCredit">${detail.voucher_credit}</td>
                                </tr>
                                </#if>

                            </#list>

                        </tbody>
                    </table>
                </div>
            </#list>


            </div>


        </div>
        <#--凭证编辑-->
        <div id="divEdit" style="width: 1000px; margin-left: 0px; position: absolute; left: 1200px; top: 0px; min-height: 450px;display: none;">
            <div style="width: 1000px; position: relative; margin: auto; height: 40px; background-color: White; padding-top: 5px; border-bottom: 1px solid rgb(233,233,233);">
                <div style="float: left;">
                    <table style="margin-left: 18px;">
                        <tbody><tr>
                            <td id="btnSaveVoucher">
                                <div class="buttons">
                                    <a class="button" onclick="Save()">保&nbsp;&nbsp;存</a>
                                </div>
                            </td>
                            <td id="btnDeleteVoucher">
                                <div class="buttons">
                                    <a class="button" onclick="Delete()">删&nbsp;&nbsp;除</a>
                                </div>
                            </td>
                            <td id="btnCancelVoucher">
                                <div class="buttons">
                                    <a class="button" onclick="Cancel()">取&nbsp;&nbsp;消</a>
                                </div>
                            </td>
                            <td id="btnBackVoucher">
                                <div class="buttons">
                                    <a class="button" onclick="Cancel()">返&nbsp;&nbsp;回</a>
                                </div>
                            </td>
                        </tr>
                        </tbody></table>
                </div>
            </div>
            <div id="createVoucherTemplate">
                <div style="width: 1000px; position: relative;">
                    <div id="VoucherContainer" style="background-color: White; width: 1000px; position: relative; margin-left: auto; margin-right: auto;">
                        <div id="VoucherHeader" style="height: auto;">
                            <div class="headerMain" style="width: 1000px; height: 60px; line-height: 60px;">
                                <div style="margin-left: 20px; float: left;">
                                    <div id="divVoucherGroup" style="float: left;">
                                        <select id="ddlVoucherGroup"><option value="1010" title="记账凭证" selected="selected">记</option><option value="1020" title="收款凭证">收</option><option value="1030" title="付款凭证">付</option><option value="1040" title="转账凭证">转</option></select>&nbsp;
                                    </div>
                                    <div id="divVNum" style="float: left;">
                                        <input name="voucher$txtVgId" type="text" id="txtVgId" value="3">&nbsp;号
                                    </div>
                                </div>
                                <div style="margin-left: 120px; float: left;">
                                    <div style="float: left; width: 32px;">
                                        日期:&nbsp;
                                    </div>
                                    <input name="voucher$txtDate" type="text" id="txtDate" class="mydate" value="2016-10-31">
                                </div>
                                <div style="float: right; margin-right: 20px;">
                                    附单据&nbsp;<input type="text" id="txtAttach" value="">&nbsp;张
                                </div>
                                <div class="statusContainer" style="float: right; margin-right: 30px; color: Orange;">
                                    亲，按回车键，能快速选择单元格哟!
                                </div>
                            </div>
                        </div>
                        <div id="divBody" style="min-height: 400px;">
                            <table id="tableVoucherHeader" style="width: 960px; margin-left: 20px; line-height: 60px; border-collapse: collapse; text-align: center;">
                                <tbody><tr id="VoucherTopRow" style="background: white;">
                                    <td style="width: 209px;">摘要
                                    </td>
                                    <td style="width: 308px;">会计科目
                                    </td>
                                    <td style="width: 219px;">
                                        <div>
                                            借方金额
                                        </div>
                                        <div class="moneyUint">
                                            <span>亿</span> <span>千</span> <span>百</span> <span>十</span> <span>万</span> <span>千</span>
                                            <span>百</span> <span>十</span> <span>元</span> <span>角</span> <span class="last">分</span>
                                        </div>
                                    </td>
                                    <td class="tdLast" style="width: 220px;">
                                        <div>
                                            贷方金额
                                        </div>
                                        <div class="moneyUint">
                                            <span>亿</span> <span>千</span> <span>百</span> <span>十</span> <span>万</span> <span>千</span>
                                            <span>百</span> <span>十</span> <span>元</span> <span>角</span> <span class="last">分</span>
                                        </div>
                                    </td>
                                </tr>
                                </tbody></table>
                            <table id="tableVoucher" style="width: 960px; margin-left: 20px; line-height: 60px; border-collapse: collapse; text-align: center;">
                                <tbody><tr class="trDetails">
                                    <td class="tdZhaoyao">
                                        <div style="position: relative;" class="DisplayText DisplayTextZhaiyao">
                                            <div class="DisplayZhaiyaoDiv">
                                                <span flag="Selected" class="DisplayZhaiYao" assistsetting=""></span>
                                            </div>
                                        </div>
                                        <div class="InputText">
                                            <textarea flag="Selected" type="text" class="inputZhaiYao" maxlength="45"></textarea>
                                        </div>
                                    </td>
                                    <td class="tdKemu">
                                        <div style="position: relative;">
                                            <div class="DisplayText DisplayTextKemu">
                                                <div class="DisplayKemuDiv">
                                                    <span class="DisplayKemu"></span>
                                                </div>
                                            </div>
                                            <div class="InputText">
                                                <textarea type="text" class="inputKemu"></textarea>
                                            </div>
                                        </div>
                                        <div style="position: relative;">
                                            <div class="DisplayYue">
                                                余额：<span class="spYue">0</span>
                                            </div>
                                            <div class="DisplayShuliangHesuan">
                                                <div class="DisplayShuliang">
                                                    <div class="cDisplayTextShuliang">
                                                        数量：
                                                    </div>
                                                    <div class="cDisplayShuliang">
                                                        <span class="spShuLiang">0</span>
                                                    </div>
                                                    <div class="cInputShuliang">
                                                        <input type="text" class="txtShuliang" value="0">
                                                    </div>
                                                </div>
                                                <div class="DisplayDanjia" style="margin-left: 5px;">
                                                    <div class="cDisplayTextDanjia">
                                                        单价：
                                                    </div>
                                                    <div class="cDisplayDanjia">
                                                        <span class="spDanjia">0</span>
                                                    </div>
                                                    <div class="cInputDanjia">
                                                        <input type="text" class="txtDanjia" value="0">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="tdJieFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayJieFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputJieFang">
                                        </div>
                                    </td>
                                    <td class="tdLast tdDaiFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayDaiFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputDaiFang">
                                        </div>
                                    </td>
                                </tr>
                                <tr class="trDetails">
                                    <td class="tdZhaoyao">
                                        <div style="position: relative;" class="DisplayText DisplayTextZhaiyao">
                                            <div class="DisplayZhaiyaoDiv">
                                                <span flag="Selected" class="DisplayZhaiYao" assistsetting=""></span>
                                            </div>
                                        </div>
                                        <div class="InputText">
                                            <textarea flag="Selected" type="text" maxlength="45" class="inputZhaiYao"></textarea>
                                        </div>
                                    </td>
                                    <td class="tdKemu">
                                        <div style="position: relative;">
                                            <div class="DisplayText DisplayTextKemu">
                                                <div class="DisplayKemuDiv">
                                                    <span class="DisplayKemu"></span>
                                                </div>
                                            </div>
                                            <div class="InputText">
                                                <textarea type="text" class="inputKemu"></textarea>
                                            </div>
                                        </div>
                                        <div style="position: relative;">
                                            <div class="DisplayYue">
                                                余额：<span class="spYue">0</span>
                                            </div>
                                            <div class="DisplayShuliangHesuan">
                                                <div class="DisplayShuliang">
                                                    <div class="cDisplayTextShuliang">
                                                        数量：
                                                    </div>
                                                    <div class="cDisplayShuliang">
                                                        <span class="spShuLiang">0</span>
                                                    </div>
                                                    <div class="cInputShuliang">
                                                        <input type="text" class="txtShuliang" value="0">
                                                    </div>
                                                </div>
                                                <div class="DisplayDanjia" style="margin-left: 5px;">
                                                    <div class="cDisplayTextDanjia">
                                                        单价：
                                                    </div>
                                                    <div class="cDisplayDanjia">
                                                        <span class="spDanjia">0</span>
                                                    </div>
                                                    <div class="cInputDanjia">
                                                        <input type="text" class="txtDanjia" value="0">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="tdJieFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayJieFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputJieFang">
                                        </div>
                                    </td>
                                    <td class="tdLast tdDaiFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayDaiFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputDaiFang">
                                        </div>
                                    </td>
                                </tr>
                                <tr class="trDetails">
                                    <td class="tdZhaoyao">
                                        <div style="position: relative;" class="DisplayText DisplayTextZhaiyao">
                                            <div class="DisplayZhaiyaoDiv">
                                                <span flag="Selected" class="DisplayZhaiYao" assistsetting=""></span>
                                            </div>
                                        </div>
                                        <div class="InputText">
                                            <textarea flag="Selected" maxlength="45" type="text" class="inputZhaiYao"></textarea>
                                        </div>
                                    </td>
                                    <td class="tdKemu">
                                        <div style="position: relative;">
                                            <div class="DisplayText DisplayTextKemu">
                                                <div class="DisplayKemuDiv">
                                                    <span class="DisplayKemu"></span>
                                                </div>
                                            </div>
                                            <div class="InputText">
                                                <textarea type="text" class="inputKemu"></textarea>
                                            </div>
                                        </div>
                                        <div style="position: relative;">
                                            <div class="DisplayYue">
                                                余额：<span class="spYue">0</span>
                                            </div>
                                            <div class="DisplayShuliangHesuan">
                                                <div class="DisplayShuliang">
                                                    <div class="cDisplayTextShuliang">
                                                        数量：
                                                    </div>
                                                    <div class="cDisplayShuliang">
                                                        <span class="spShuLiang">0</span>
                                                    </div>
                                                    <div class="cInputShuliang">
                                                        <input type="text" class="txtShuliang" value="0">
                                                    </div>
                                                </div>
                                                <div class="DisplayDanjia" style="margin-left: 5px;">
                                                    <div class="cDisplayTextDanjia">
                                                        单价：
                                                    </div>
                                                    <div class="cDisplayDanjia">
                                                        <span class="spDanjia">0</span>
                                                    </div>
                                                    <div class="cInputDanjia">
                                                        <input type="text" class="txtDanjia" value="0">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="tdJieFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayJieFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputJieFang">
                                        </div>
                                    </td>
                                    <td class="tdLast tdDaiFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayDaiFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputDaiFang">
                                        </div>
                                    </td>
                                </tr>
                                <tr class="trDetails">
                                    <td class="tdZhaoyao">
                                        <div style="position: relative;" class="DisplayText DisplayTextZhaiyao">
                                            <div class="DisplayZhaiyaoDiv">
                                                <span flag="Selected" class="DisplayZhaiYao" assistsetting=""></span>
                                            </div>
                                        </div>
                                        <div class="InputText">
                                            <textarea flag="Selected" maxlength="45" type="text" class="inputZhaiYao"></textarea>
                                        </div>
                                    </td>
                                    <td class="tdKemu">
                                        <div style="position: relative;">
                                            <div class="DisplayText DisplayTextKemu">
                                                <div class="DisplayKemuDiv">
                                                    <span class="DisplayKemu"></span>
                                                </div>
                                            </div>
                                            <div class="InputText">
                                                <textarea type="text" class="inputKemu"></textarea>
                                            </div>
                                        </div>
                                        <div style="position: relative;">
                                            <div class="DisplayYue">
                                                余额：<span class="spYue">0</span>
                                            </div>
                                            <div class="DisplayShuliangHesuan">
                                                <div class="DisplayShuliang">
                                                    <div class="cDisplayTextShuliang">
                                                        数量：
                                                    </div>
                                                    <div class="cDisplayShuliang">
                                                        <span class="spShuLiang">0</span>
                                                    </div>
                                                    <div class="cInputShuliang">
                                                        <input type="text" class="txtShuliang" value="0">
                                                    </div>
                                                </div>
                                                <div class="DisplayDanjia" style="margin-left: 5px;">
                                                    <div class="cDisplayTextDanjia">
                                                        单价：
                                                    </div>
                                                    <div class="cDisplayDanjia">
                                                        <span class="spDanjia">0</span>
                                                    </div>
                                                    <div class="cInputDanjia">
                                                        <input type="text" class="txtDanjia" value="0">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="tdJieFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayJieFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputJieFang">
                                        </div>
                                    </td>
                                    <td class="tdLast tdDaiFang">
                                        <div class="DisplayText DisplayMoney">
                                            <span class="DisplayDaiFang">&nbsp; &nbsp;</span>
                                        </div>
                                        <div class="InputText">
                                            <input type="text" class="inputDaiFang">
                                        </div>
                                    </td>
                                </tr>
                                <tr class="trTotal">
                                    <td colspan="2" style="width: 250px; text-align: left">
                                        <div style="margin-left: 100px; font-weight: bold;">
                                            合计: <span style="font-size: 13px;" class="spTotal"></span>
                                        </div>
                                    </td>
                                    <td style="width: 220px;">
                                        <div class="TotalDisplayText DisplayMoney">
                                            <span class="spTotalDebit"></span>
                                        </div>
                                    </td>
                                    <td class="tdLast" style="width: 220px;">
                                        <div class="TotalDisplayText DisplayMoney">
                                            <span class="spTotalCredit"></span>
                                        </div>
                                    </td>
                                </tr>
                                </tbody></table>
                            <div id="VoucherFooter" style="margin-top: 20px; margin-left: 20px; padding-bottom: 20px;">
                                制单人：
                                <span id="spanPREPARED_BY">
                    <span id="lbPREPARED_BY">1072993207@qq.com</span>
                    <a href="https://j.ningmengyun.com/Voucher/VoucherList.aspx?appasid=aCotD%2fYN4cKAzPqI5ihhvw%3d%3d#" target="_blank">
                        <img id="imgPREPARED_BY" style="width: 14px; margin-left: 5px; vertical-align: -3px; display:none;" src="../page//VoucherList_files/editPrepared.png">
                    </a>
                </span>
                            </div>
                        </div>
                    </div>
                </div>



            </div>
        </div>
    </div>
</form>
<script src="../page/Scripts/jquery/jquery-2.0.3.js"></script>
<script src="../page/js/VoucherList.js"></script>
<script src="../page/js/date/WdatePicker.js"></script>

</body>
</html>